<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />

    <!-- 自定义样式 -->
    <link rel="stylesheet" href="./css/index.css" />

    <link rel="stylesheet" href="./assets/font-awesome-4.7.0/css/font-awesome.min.css" />


</head>

<body>

    <div class="recommended_product_container">



        <!-- #region -->
        <!-- 推荐商品  手机 start  -->
        <div class="recommended_product_phone">
            <div class="title">

                <div class="l">
                    手机
                </div>
                <div class="r">
                    <span>查看更多</span>
                    <span>
                        >
                    </span>
                </div>

                <div class="clearfix"></div>

            </div>
            <div class="product">
                <div class="bigproduct">
                    <img src="./imgs/product/dcf9ed8c01a7c3d0bf3ecbca3f22537c.webp" />
                </div>

                <div class="productitems">
                    <div class="item">
                        <div class="pic">
                            <img src="./imgs/product/phone/p1.webp" alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能魔王 全面进化</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f2a2b0cbf65d5d0ba5c715b0215493b.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">4.01英寸多功能超大外屏|徕卡光学Summilux镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407181428_bcbd77c13f958f6acc18dee8899cb7a1.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/adde6bae41441887017824f46cf31602.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">性能旋风，席卷而来</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403201526_60b548a0614d956b2d3667a63d513539.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡光学Summilux镜头 | 5000万徕卡人像镜头</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f2a277341a09a63bbb7bba12d154c4e6.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">徕卡全明星四摄 | 双向卫星通信 | 小米澎湃OS</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e920ac7e3d197923acbd6388b80cc49.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="pic">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281411_fc68b941c011a8bbf67db570d0985d7a.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                        </div>
                        <div class="ac name">Redmi Turbo 3 </div>
                        <div class="ac desc">第三代骁龙8 年度旗舰平台</div>
                        <div class="ac price">
                            <span>1699元起</span>
                            <span>1999元</span>
                        </div>
                    </div>

                </div>
            </div>



            <!-- 推荐商品  手机 start  -->
            <!-- #endregion -->


        </div>
    </div>
</body>

</html>